<template>
  beforeCreate
</template>
<script setup lang="ts">
  import { onMounted, onUnmounted, onUpdated, onBeforeUpdate, onActivated, onDeactivated } from 'vue';
  onMounted(() => {
    console.log('组件挂载')
  })

  onUnmounted(() => {
    console.log('组件卸载')
  })

  onUpdated(() => {
    console.log('组件更新')
  })

  onBeforeUpdate(() => {
    console.log('组件将要更新')
  })

  onActivated(() => {
    console.log('keepAlive 组件 激活')
  })

  onDeactivated(() => {
    console.log('keepAlive 组件 非激活')
  })
</script>